Photoshop Tutorial I Belajar Photoshop I tutorial photoshop I photoshop.. 



http://ilmuphotoshop.com/2008/09/06/membuat-huruf-3d/ 



P llmuPhotoshop 



About 
DONASI 
Koleksi Brush 
Koleksi Plugin 
Link Exchange 
Photography 



• Belajar Photoshop 

• Intermezzo 

• Photoshop Dasar 

• Photoshop Menengah 

• Teori Dasar photoshop 

Membuat Huruf 3D 



Posted by Sigit eko in Belajar Photoshop , Photoshop Menengah on 09 6th, 2008 I 12 responses 

Waduh.. maaf baru bisa posting tutorial yang baru nih.. Moga -moga Tutorial photoshop pertama dibulan suci Ramadhan ini 
bermanfaat.. 

Meski puasa, kita gak boleh males-malesan.. cari kesibukan yang bermanfaat, yaa contohnya belajar photoshop di 
ilmuphotoshop.com. atau buat yang sudah bekerja, lebih giat lagj biar THR nya banyak. . . kalo udah dapet THR .. jangan 
lupa Zakat nya .. udah kayak ustadz aja ya. kan sekedar mengingatkan gpp toh? 

Yuk langsung ke tutorialnya.. 




hasilnya nanti kayak gini.. kalo yang masih tertarik.. silahkan dilanjut.. 
Buka dokumen dengan ukuran : 



Name: 
Preset: | Custom 



Width: 1 350 " | pixels 



Height: |350 
Resolution: ["7 



pixels 



~3 
3 



pixels/cm 



Color Mode: | RGB Color | 8 bit 



Background Contents: White 



« Advanced 



~3 



Tulis huruf yang mau dibikin 3d., saya tulis TIGA-D pake font Impact., kalo mo download font nya ada di postingan 
marhaban yaa ramadhan . 
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- | [Roman | 36 pt T] 



"gyUi titled ! @ 100% (TIGA-D, RGB/P' 



Jo] 



TIGA-D 



Klik Layer > type > convert to shape.. 



TIGA-D 






| Layers \ Channels \ Paths \ 


| Normal jj Opacity: | 100<» 


Lock: U J *{♦ Rll: 1 100<> 




■ 


G p | TIG... 






Background 





terus Klik Edit > Transform > perspective, tarik ujung nya ke tengah hasilnya seperti ini : 




Dobel klik layer huruf atau klik kanan layernya ters klik blending option : 
setting seperti ini : 
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Blending Options: Default 



f~ Drop Shadow 
P Inner Shadow 
V Outer Glow 
1~" Inner Glow 



Bevel and Emboss 



j| Contour 



■i Texture 



r Satin 

V Color Overlay 

V Gradient Overlay 
I - Pattern Overlay 
r Stroke 



Style: jlnner Bevel 
Technique: | Smooth 



Depth: A^ 



Direction: Up C Down 

Size: A .^^^jW , fcT 

Soften: ^. _ fr, f!T 



P* 
Px 



— Shading 

Angle: 

Altitude: 
Gloss Contour: 

Highlight Mode: 
Opacity: 

Shadow Mode: 
Opacity: 



| 120 

|7 Use Global Light 

[To 0 



n 



#0000FF 



JScreen 






1 Multiply 







75 



kalo udah jangan dulu di OK in., klik lagj gradient Overlay, setting seperti ini 



Blending Options: DeFault 



I - Drop Shadow 

V Inner Shadow 
X~ Outer Glow 

V Inner Glow 

W Bevel and Emboss 

I - Contour 

V Texture 
r Satin 

f" Color Ovei^y^^^ 



3 Gradient Overlay 



I - Pattern Overlay 
r Stroke 



Stj|^Reflected 3 R Align with Layer 
Angle: f^> ° 



Blend Mode: |Norrnal 
Opacity: . 
Gradieril 




»1 I Reverse 



Scale: 



^fiio % 



a«»en.T«». GRADIENT 

3mooi>»»«:lioo M* S0000FF 
#62ACFF l 

P 



r 



kalo udah beres, baru klik Ok.. Selanjutnya duplikasi layer huruf tadi dengan menekan CTRL+J, terus di geser hasil duplikat 
nya ke atas menggunakan tombol panah ke atas sebanyak 1 atau 3 kali. 




| Layers \ Channels H. Paths 



tekan panah ke atas di 
keyboard sebanyak 3x 
untuk menaikan hasil 
duplikasi layer 



Norm al 



- | Opacity: | 100% 



Lock: □ J Q P'll: I 100% I 




Klik kanan layer duplikasi tadi dan klik blending Option , setting drop shadow seperti ini: 
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Styles 



Blending Options: Default 
✓ Iff 

F~ Inner Shadow 
P Outer Glow 
r* Inner Glow 
P Bevel and Emboss 

P Contour 

P Texture 
r Satin 

P Color Overlay 
P Gradient Overlay 



Drop Shadow 
- Structure — 



Blend Mode: (Multiply 
Opacity: 



Angle: 



Distance: £^ 
Spread: — 



Size: £,= 



le: 



'% 



— Quality 



Contour; 
Noise: ^ 



f~ Anti-aliased 



Terakhir, klik kanan juga layer yang pertama dibuat trus klik blending Option lagi , kasih shadow dengan Drop shadow, 
setting seperti ini : 







i— = 


G [_-J 



Layer Style 




Styles 



Blending Options: Default 



.3] Drop Shadow 



r Inner Shadow 
P Outer Glow 
P Inner Glow 
P Bevel and Emboss 

P Contour 

P Texture 
P Satin 

P Color Overlay 
P Gradient Overlay 
P Pattern Overlay 

r* Ok,-. La 



Drop Shadow 
- Structure — 



Blend Mode: |Normal 
Opacity; # 



3]| 



Angle: 



90 



=Ce I 90 
0 I - ^rGbb. 



bal Light 



Distance: 
Spread: Ci= 



% 



Sije: 



Quality 



Contour: 
Noise: 



[2 



I Anti-aliased 



% 



|<7 Layer Knocks Out Drop Shadow 



Hasil akhir nya : 



- WW, 



Selamat mencoba.. moga-moga bermanfaat.. 
12 Responses to "Membuat Huruf 3D' 

1. dr.emi says: 

September 7, 2008 at 10:30 am 
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dari segi teknik tutorial na sangat bermanfaat <§> 

coba terus, pasti hasilna lebih bagus © inpsirasi dan seni nya harus dimainkan juga. 
salam kenal brother 9 

2. SULIS says: 

September 8, 2008 at 3:20 am 

jooos 

3. dhika says: 

September 8, 2008 at 6:00 am 

tanks tutorialnya boss 

4. giat says: 

September 8, 2008 at 11:50 am 

nice tutorial 

punya artikel laen nya . . . 

5. ayas says: 

September 9, 2008 at 2:11 am 

nice tutorial . 
oiya 

gimana sih caranya bikin gambar yang bisa gerak dengan adobe photoshop ?? 
klo ga salah animasi giff namanya ! 

tapi saya ga tau cara nyimpennya supaya gambar itu tetep gerak-gerak 

tolong yah bantuannya ! ! 

thxb4 

6. pika DN says: 

September 23, 2008 at 1:24 pm 

ajarin dong photoshop 

minta tutorial gambar gerak 

7. wibie says: 

September 28, 2008 at 1:11 pm 

mas.... 

ajarin bikin gambar yang ada disini bisa ngga? 

http://69.90.174.246/photos/display_pic_with_logo/86078/86078, 121 1032557, l.jpg 

8. nada sumbang says: 
October 20, 2008 at 8:35 am 

gambar gerak .gif bisa dibikin pake image ready 

9. jo jo says: 

October 20, 2008 at 4:41 pm 

terengkyu ya mas., dah baik banget. . .. mau ngajarin kita2 .. 

10. r2ih4n says: 

December 17, 2008 at 11:50 am 

Maturnuwun sanget mas tutorialnya, nambah lagi dah ilmu saya. . . . 

11. Browsing Internet Dengan Apple Safari 4 I Info Gaptek says: 
February 26, 2009 at 2:09 am 

[...] tab baru. Chrome menawarkan fitur serupa, tapi yang diberikan Apple lebih menarik, menggunakan tampilan 3D 
dan kemampuan mirip iPhone untuk mengatur situs yang tampil. Halaman yang terupdate semenjak anda [...] 
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12. hanstoe says: 

April 15, 2009 at 1:40 pm 

keren abiss om 
Leave a Reply 

Name (required) 

Mail (will not be published) (required) 
Website 
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